<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorate="content">
<head>
<head>
<meta charset="utf-8">
<title>OMS进口管理系统—商品导入</title>
</head>
<body>
	<div layout:fragment="content">
		<table style="width: 100%;" data-bind="with:filter">
			<tbody>
				<tr>
					<td class="td_form01" colspan="8"><a target="_blank"
						href="/Config/goods_template.xls"
						class="file downFile text-center">下载模板</a>
						<div class="right fl" id="fine-uploader"></div> <script
							type="text/template" id="qq-template">
            <div class="qq-uploader-selector qq-uploader" qq-drop-area-text="Drop files here">
                <div class="qq-total-progress-bar-container-selector qq-total-progress-bar-container">
                    <div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="qq-total-progress-bar-selector qq-progress-bar qq-total-progress-bar"></div>
                </div>
                <div class="qq-upload-drop-area-selector qq-upload-drop-area" qq-hide-dropzone>
                    <span class="qq-upload-drop-area-text-selector"></span>
                </div>
                <div class="qq-upload-button-selector qq-upload-button" >
                    <a class="file upFile text-center">上传</a>
                </div>
                <span class="qq-drop-processing-selector qq-drop-processing">
                    <span>Processing dropped files...</span>
                    <span class="qq-drop-processing-spinner-selector qq-drop-processing-spinner"></span>
                </span>
                <ul class="qq-upload-list-selector qq-upload-list" aria-live="polite" aria-relevant="additions removals">
                    <li>
                        <div class="qq-progress-bar-container-selector">
                            <div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="qq-progress-bar-selector qq-progress-bar"></div>
                        </div>
                        <span class="qq-upload-spinner-selector qq-upload-spinner"></span>
                        <img class="qq-thumbnail-selector" qq-max-size="100" qq-server-scale>
                        <span class="qq-upload-file-selector qq-upload-file"></span>
                        <span class="qq-edit-filename-icon-selector qq-edit-filename-icon" aria-label="Edit filename"></span>
                        <input class="qq-edit-filename-selector qq-edit-filename" tabindex="0" type="text">
                        <span class="qq-upload-size-selector qq-upload-size"></span>
                        <button type="button" class="qq-btn qq-upload-cancel-selector qq-upload-cancel">Cancel</button>
                        <button type="button" class="qq-btn qq-upload-retry-selector qq-upload-retry">Retry</button>
                        <button type="button" class="qq-btn qq-upload-delete-selector qq-upload-delete">Delete</button>
                        <span role="status" class="qq-upload-status-text-selector qq-upload-status-text"></span>
                    </li>
                </ul>

                <dialog class="qq-alert-dialog-selector">
                    <div class="qq-dialog-message-selector"></div>
                    <div class="qq-dialog-buttons">
                        <button type="button" class="qq-cancel-button-selector">关闭</button>
                    </div>
                </dialog>

                <dialog class="qq-confirm-dialog-selector">
                    <div class="qq-dialog-message-selector"></div>
                    <div class="qq-dialog-buttons">
                        <button type="button" class="qq-cancel-button-selector">否</button>
                        <button type="button" class="qq-ok-button-selector">是</button>
                    </div>
                </dialog>

                <dialog class="qq-prompt-dialog-selector">
                    <div class="qq-dialog-message-selector"></div>
                    <input type="text">
                    <div class="qq-dialog-buttons">
                        <button type="button" class="qq-cancel-button-selector">取消</button>
                        <button type="button" class="qq-ok-button-selector">确定</button>
                    </div>
                </dialog>
            </div>
        </script></td>
				</tr>
				<tr>
					<td class="td_form01">商品名称:</td>
					<td class="td_form02"><input type="text"
						data-bind="value:goodsname" /></td>
					<td class="td_form01">商品代码:</td>
					<td class="td_form02"><input type="text"
						data-bind="value:goodscode" /></td>
					<td class="td_form01">海关代码:</td>
					<td class="td_form02"><input type="text"
						data-bind="value:hscode" /></td>
				</tr>
				<tr>
					<td colspan="2" class="td_form01 text-center"><input
						type="button" class="buttonface" value="请空"
						data-bind="click:$root.empty" /></td>
					<td colspan="4" class="td_form01 text-center"><input
						type="button" class="buttonface" value="查询"
						data-bind="click:$root.search" /></td>
				</tr>
			</tbody>
		</table>
		<div class="list_page" style="width: 100%; float: left;">
			<div>
				<table style="width: 100%;">
					<thead>
						<tr>
							<td class="td_top">序号</td>
							<td class="td_top">商品名称</td>
							<td class="td_top">商品代码</td>
							<td class="td_top">海关代码</td>
							<td class="td_top">计量单位</td>
							<td class="td_top">第一法定单位</td>
							<td class="td_top">第二法定单位</td>
							<td class="td_top">商品描述</td>
							<td class="td_top">操作</td>
						</tr>
					</thead>
					<tbody id="tbody" data-bind="foreach:DataGrid.DataRows">
						<tr>
							<td data-bind="text:$index()+1" style="text-align: center;">7</td>
							<td data-bind="text:goodsname" style="text-align: center;">操作员</td>
							<td data-bind="text:goodscode" style="text-align: center;">operator</td>
							<td data-bind="text:hscode" style="text-align: center;">操作部</td>
							<td data-bind="text:unit" style="text-align: center;">测试</td>
							<td data-bind="text:unit1" style="text-align: center;">测试</td>
							<td data-bind="text:unit2" style="text-align: center;">测试</td>
							<td data-bind="text:goodsdescription" style="text-align: center;">测试</td>
							<td style="text-align: center;">
								<button type="button" class="pure-button pure-button-primary"
									data-bind="click:$root.update">修改</button>
								<button type="button" class="pure-button button-warning"
									data-bind="click:$root.deleteGoods">删除</button>
							</td>

						</tr>
					</tbody>
				</table>
			</div>
			<div th:include="pager :: pager"></div>
		</div>
		<div id="pop_div_goods" style="display: none;">
			<table data-bind="with:model" class="table table-hover"
				style="width: 100%; height: 100%;">
				<tr>
					<td class="td_form01"><label><span class="tip"
							style="color: red;">*</span>商品名称：</label></td>
					<td class="td_form02"><input type="text" id="roleNameone"
						data-bind="value:goodsname"><span id="nameMessage"
						style="display: none;">商品名称不能为空</span></td>
				</tr>
				<tr>
					<td class="td_form01"><label><span class="tip"
							style="color: red;">*</span>商品代码：</label></td>
					<td class="td_form02"><input type="text" id="parentNameone"
						data-bind="value:goodscode"> <span id="parentMessage"
						style="display: none;">商品代码不能为空</span></td>
				</tr>
				<tr>
					<td class="td_form01"><label>海关代码：</label><span class="tip"></span></td>
					<td class="td_form02"><input type="text"
						data-bind="value:hscode"></td>
				</tr>
				<tr>
					<td class="td_form01"><label>计量单位：</label><span class="tip"></span></td>
					<td class="td_form02"><input type="text"
						data-bind="value:unit"></td>
				</tr>
				<tr>
					<td class="td_form01"><label>第一法定单位：</label><span class="tip"></span></td>
					<td class="td_form02"><input type="text"
						data-bind="value:unit1"></td>
				</tr>
				<tr>
					<td class="td_form01"><label>第二法定单位：</label><span class="tip"></span></td>
					<td class="td_form02"><input type="text"
						data-bind="value:unit2"></td>
				</tr>
				<tr>
					<td class="td_form01"><label>商品描述：</label><span class="tip"></span></td>
					<td class="td_form02"><textarea
							data-bind="value:goodsdescription"></textarea></td>
				</tr>
				<tr>
					<td class="td_form02 text-center" colspan="2">
						<button type="button" class="saveBtn"
							data-bind="click:$root.save">保存</button>
						<button type="button" data-bind="click:$root.layerClose">关闭</button>
					</td>
				</tr>
			</table>
		</div>
	</div>
</body>

</html>
